<html>

<head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
</head>
<style>
    body {
        color: #161616;
        background-color: #f4f4f4;
    }

    .box {
        display: flex;
        flex-wrap: wrap;
    }

    img {
        max-width: 100%;
    }

    .box-inner-3>img,
    .box-inner-3-lg>img,
    .box-inner-2>img {
        width: 100%;
    }

    .box-inner {
        background-color: #ffffff;
        margin-right: 1rem;
        margin-bottom: 1rem;

        padding: 20px;
    }

    .box-inner-3-lg {
        flex: 0 0 calc(66.6666% - 1rem - 40px);
        max-width: 66.6666%;
    }

    .box-inner-3 {
        flex: 0 0 calc(33.3333% - 1rem - 40px);
        max-width: 33.3333%;
    }

    .box-inner-2 {
        flex: 0 0 calc(50% - 1rem - 40px);
        max-width: 50%;
    }

    #wrapper {
        max-width: 1200px;
        padding-left: 50px;
        padding-right: 50px;
        margin-left: auto;
        margin-right: auto;
    }

    .page-header {
        font-size: 2.625rem;
        font-weight: 300;
        line-height: 1.199;
        letter-spacing: 0;
        margin-bottom: 3rem;
        overflow-wrap: break-word;
    }

    .section-title {
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0;
    }

    @media (max-width: 41.98rem) {

        .box-inner-3,
        .box-inner-3-lg,
        .box-inner-2 {
            flex: 1 1 100%;
            max-width: 100%;
        }

        .box-inner {
            margin-right: 0;
        }

        #wrapper {
            margin-left: 10px;
            margin-right: 10px;
        }
    }

    .btn {
        transition: background-color .11s, border-color .11s, color .11s;
        height: 100%;
        border-right: 1px solid #e0e0e0;
        position: relative;
        display: inline-flex;
    }

    .btn>a {
        color: #323232;
        display: flex;
        text-decoration: none;
        align-items: center;
        height: 100%;
        padding: 0 1rem;
    }

    .btn:hover {
        background-color: #e5e5e5;
    }

    .btn-group {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 100%;
    }
</style>

<body>
    <div id="wrapper">
        <p class="page-header">ZTL-UwU Stats</p>
        <div class="box">
            <div class="box-inner box-inner-3">
                <p data-line="15"><img
                        src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=blue&amp;label=Puzzle&amp;query=%24.perfs.puzzle.rating&amp;url=https://lichess.org/api/user/zhangtianli"
                        alt=""><img
                        src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=blue&amp;&amp;label=%E2%86%97&amp;query=%24.perf.progress&amp;url=https%3A%2F%2Flichess.org%2Fapi%2Fuser%2Fzhangtianli%2Fperf%2Fpuzzle"
                        alt=""><br>
                    <img src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=orange&amp;label=Bullet&amp;query=%24.perfs.bullet.rating&amp;url=https://lichess.org/api/user/zhangtianli"
                        alt=""><img
                        src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=orange&amp;label=%E2%86%97&amp;query=%24.perf.progress&amp;url=https%3A%2F%2Flichess.org%2Fapi%2Fuser%2Fzhangtianli%2Fperf%2Fbullet"
                        alt=""><br>
                    <img src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=yellow&amp;label=Blitz&amp;query=%24.perfs.blitz.rating&amp;url=https://lichess.org/api/user/zhangtianli"
                        alt=""><img
                        src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=yellow&amp;label=%E2%86%97&amp;query=%24.perf.progress&amp;url=https%3A%2F%2Flichess.org%2Fapi%2Fuser%2Fzhangtianli%2Fperf%2Fblitz"
                        alt=""><br>
                    <img src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=green&amp;label=Rapid&amp;query=%24.perfs.rapid.rating&amp;url=https://lichess.org/api/user/zhangtianli"
                        alt=""><img
                        src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=green&amp;label=%E2%86%97&amp;query=%24.perf.progress&amp;url=https%3A%2F%2Flichess.org%2Fapi%2Fuser%2Fzhangtianli%2Fperf%2Frapid"
                        alt="">
                        <br><br>
                    <img src="https://wakatime.com/badge/user/c6fe3c6a-b7b7-4579-838c-3597455bb62e.svg?style=flat-square"
                        alt="">
                    <br>
                    <img src="https://camo.githubusercontent.com/d36648848cb72a1b46cb1b6f0c9343038cf21cd20836becedcda2a1b292af2e2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f64796e616d69632f6a736f6e3f6c6162656c3d436f6465253341253341537461747325323058502671756572793d2532342e746f74616c5f78702675726c3d6874747073253341253246253246636f646573746174732e6e657425324661706925324675736572732532467a68616e677469616e6c69267374796c653d666c61742d73717561726526636f6c6f723d454336434132"
                        alt=""
                        data-canonical-src="https://img.shields.io/badge/dynamic/json?label=Code%3A%3AStats%20XP&amp;query=%24.total_xp&amp;url=https%3A%2F%2Fcodestats.net%2Fapi%2Fusers%2Fzhangtianli&amp;style=flat-square&amp;color=EC6CA2">

                </p>
            </div>
            <div class="box-inner box-inner-3">
                <p data-line="24"><img
                        src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=yellow&amp;label=Total&amp;query=%24.aaData%5B0%5D%5B2%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3De63e61b6b589baf0a5900dd79980ff95"
                        alt="BOINC"><br>
                    <img src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=Today&amp;query=%24.aaData%5B0%5D%5B5%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3De63e61b6b589baf0a5900dd79980ff95"
                        alt=""><br>
                    <img src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=RAC&amp;query=%24.aaData%5B0%5D%5B6%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3De63e61b6b589baf0a5900dd79980ff95"
                        alt=""><br>
                    <img src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=Team%C2%A0Rank&amp;query=%24.aaData%5B0%5D%5B10%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3De63e61b6b589baf0a5900dd79980ff95"
                        alt=""><br>
                    <img src="https://img.shields.io/badge/dynamic/json?style=flat-square&amp;color=lightblue&amp;label=World%C2%A0Rank&amp;query=%24.aaData%5B0%5D%5B12%5D&amp;url=https%3A%2F%2Fstats.free-dc.org%2Fphp%2Fdatatables%2Fsql%2Fuserbycpid_dt_sql.php%3Fcpid%3De63e61b6b589baf0a5900dd79980ff95"
                        alt="">
                </p>
            </div>
            <div class="box-inner box-inner-3">
                <img src="https://luogu.wao3.cn/api/practice?id=128438" alt="">
            </div>
        </div>
        <div class="box">
            <div class="box-inner box-inner-3">
                <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=ZTL-UwU" alt="">
            </div>
            <div class="box-inner box-inner-3-lg">
                <img src="https://codestats-readme.wegfan.cn/history-graph/zhangtianli?width=850&amp;height=300&amp;timezone=08:00&amp;history_days=20&amp;max_languages=12&amp;language_colors=%5B%223e4053%22,%22f15854%22,%225da5da%22,%22faa43a%22,%2260bd68%22,%22f17cb0%22,%22b2912f%22,%2200897b%22,%22b276b2%22,%22ffc0cb%22,%22cddc39%22,%227e57c2%22,%22bdbdbd%22%5D"
                    alt="">
            </div>
        </div>
        <div class="box">
            <div class="box-inner box-inner-2">
                <img src="https://github-readme-stats.vercel.app/api?username=ZTL-UwU&amp;show_icons=true" alt="">
            </div>
            <div class="box-inner box-inner-2">
                <img src="https://github-readme-streak-stats.herokuapp.com/?user=ZTL-UwU" alt="">
            </div>
        </div>
        <div class="box">
            <div class="box-inner box-inner-3-lg">
                <img src="https://wakatime.com/share/@zhangtianli/dc32c26b-7348-45e2-85a9-72e153d3cc7c.svg" alt="">
            </div>
            <div class="box-inner box-inner-3">
                <img src="https://codestats-readme.vercel.app/api?username=zhangtianli&amp;show_icons=true" alt="zhangtianli's Code::Stats stats">
            </div>
        </div>
    </div>
</body>

</html>